<template>
	<view>
		<cu-custom bgColor="bg-white" :isBack="true">
			<block slot="backText">选择门店</block>
			<block slot="content">花巷鲜花坊</block>
		</cu-custom>
		<scroll-view scroll-x class="bg-white nav text-center fixed" :style="[{top:CustomBar + 'px'}]">
			<view class="grid col-2 padding-xs padding-lr-lg shadow" style="background-color: white;">
				<view>会昌县
					<text class="padding-left-lg shadow">文武坝 <text class="cuIcon-right"></text></text>
				</view>
				<view class="text-right">
					<navigator url="../search">
						<view class="cu-capsule round shadow">
							<view class='cu-tag'>
								<text class="cuIcon-search"></text>
							</view>
							<view class="cu-tag">
								搜索
							</view>
						</view>
					</navigator>
				</view>
			</view>

			<view class="page-body">
				<view class="page-section page-section-gap">
					<map style="width: 100%; height: 200px;" :latitude="latitude" :longitude="longitude"
						:markers="covers">
					</map>
				</view>
			</view>
		</scroll-view>


		#<!-- #ifdef H5 -->
		<view class="cu-card article" :style="[{'margin-top':(CustomBar+190) + 'px'}]">
		<!-- #endif -->
			<!-- #ifndef H5 -->
			<view class="cu-card article" :style="[{'margin-top':(CustomBar+130) + 'px'}]">
			<!-- #endif -->

				<!-- <view class="cu-card article" 
		:style="[{'margin-top':(CustomBar+190) + 'px'}]"
		:style="[{'margin-top':(CustomBar+170) + 'px'}]"
		> -->
				<view class="cu-item shadow">
					<view class="flex p-xs margin-bottom-sm mb-sm align-center">
						<view class="flex-treble padding-sm margin-xs radius" style="border-right: 2upx solid #eeeeee;">
							<view>
								<view class="text-cut text-bold">小菜猿(合肥万象城店)<view
										class='cu-tag line-grey radius margin-left-lg text-xs'>可外送</view>
								</view>
							</view>
							<view class="padding-top-xs">距离您4.3km</view>
							<view class="padding-top-xs text-gray">安徽省合肥市蜀山区潜山路111号万象城DDDD铺</view>
							<view class="padding-top-xs text-gray">营业时间：10:00-21:30</view>
						</view>
						<view class="flex-sub padding-sm margin-xs radius">
							<navigator url="../food/food" open-type="switchTab">
								<view class="text-bold text-center">去下单</view>
							</navigator>
						</view>
					</view>
				</view>

				<view class="cu-item shadow">
					<view class="flex p-xs margin-bottom-sm mb-sm align-center">
						<view class="flex-treble padding-sm margin-xs radius" style="border-right: 2upx solid #eeeeee;">
							<view>
								<view class="text-cut text-bold">小菜猿(合肥万象城店)<view
										class='cu-tag line-grey radius margin-left-lg text-xs'>可外送</view>
								</view>
							</view>
							<view class="padding-top-xs">距离您4.3km</view>
							<view class="padding-top-xs text-gray">安徽省合肥市蜀山区潜山路111号万象城DDDD铺</view>
							<view class="padding-top-xs text-gray">营业时间：10:00-21:30</view>
						</view>
						<view class="flex-sub padding-sm margin-xs radius">
							<navigator url="../food/food" open-type="switchTab">
								<view class="text-bold text-center">去下单</view>
							</navigator>
						</view>
					</view>
				</view>
			</view>
		</view>
</template>

<script>
	export default {
		data() {
			return {
				CustomBar: this.CustomBar,
				id: 0, // 使用 marker点击事件 需要填写id
				title: 'map',
				latitude: 31.805707,
				longitude: 117.237471,
				scale: 10,
				covers: [{
					latitude: 31.805707,
					longitude: 117.237471
				}, {
					latitude: 31.80,
					longitude: 117.23
				}]
			}
		},
		onLoad() {
			uni.showModal({
				title: '提示',
				content: '此版本为演示程序\n如有需要定制请加v：gg_wd2013'
			})
		},
		methods: {

		}
	}
</script>

<style>
	.fixed {
		position: fixed;
		z-index: 99;
	}
</style>